<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <aside>
        <h3>管理系统</h3>
        <div><span class="iconfont icon-yibiaopan"></span>首页</div>
        <ul>
            <li><span class="iconfont icon-shezhixitongshezhigongnengshezhishuxing
 "></span>系统管理</li>
            <li><span class="iconfont icon-zhanghao"></span>用户管理</li>
            <li><span class="iconfont icon-duoyonghu-tianchong"></span>角色管理</li>
            <li><span class="iconfont icon-caidan"></span>菜单管理</li>
            <li><span class="iconfont icon-bumenguanli
                "></span>部门管理</li>
            <li><span class="iconfont icon-qiyeguanli_gangweiguanli
"></span>岗位管理</li>
            <li><span class="iconfont icon-zidianguanli
                "></span>字典管理</li>
            <li><span class="iconfont icon-xiugaioryijian
                "></span>参数设置</li>
            <li><span class="iconfont icon-xinxi"></span>通知公告</li>
            <li><span class="iconfont icon-rizhi"></span>日志管理</li>
        </ul>
        <div><span class="iconfont icon-xitongjiankong"></span>系统监控</div>

    </aside>
    <main>
        <header>
            <span class="iconfont icon-mulushouqi
            "></span>
            <div><span class="iconfont icon-sousuo"></span>用户名</div>
        </header>
        <nav>
            <div>首页</div>
            <div>岗位管理</div>
        </nav>
      <div class="mainbox">
        <div class="serarchbox">
            <span>岗位名称</span>
            <input type="text" placeholder="请输入岗位名称">
            <button class="iconfont icon-sousuo">&nbsp;搜索</button>
            <button class="iconfont icon-zhongzhi-">&nbsp;重置</button>
        </div>
        <div class="buttonbox">
            <button class="add iconfont icon-zengjia">&nbsp;新增</button>
            <button class="edit iconfont icon-xiugai">&nbsp;修改</button>
            <button class="delete iconfont icon-shanchu">&nbsp;删除</button>
            <button class="load iconfont icon-daochu">&nbsp;导出</button>
        </div>
        <div class="spanbox">
            <span class="iconfont icon-sousuo"></span>
            <span class="iconfont icon-zhongzhi-"></span>
        </div>
    </div>
        <table>
            <thead>
                <tr>
                    <th>岗位编号</th>
                    <th>岗位编码</th>
                    <th>岗位名称</th>
                    <th>岗位排序</th>
                    <th>状态</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
        <div class="pagebox">
            <span>共4条</span>
            <span>&lt;</span>
            <span class="page">1</span>
            <span>&gt;</span>
        </div>
      
    </main>
</body>

</html>
<script src="./axios.min.js"></script>
<script src="./index.js"></script>